<script setup lang="ts">
import { RouterLink, RouterView } from 'vue-router'
import { routes } from './router'
</script>

<template>
  <RouterView />
  <n-float-button type="primary" menu-trigger="hover" bottom="40" right="40" width="100">
    菜单
    <template #menu>
      <RouterLink
        v-for="item in routes"
        :key="item.path"
        :to="item.path"
        style="text-decoration: none"
      >
        <n-float-button width="100">
          {{ item.meta.title }}
        </n-float-button>
      </RouterLink>
    </template>
  </n-float-button>
</template>
